/**
 * Shopware 5
 * Copyright (c) shopware AG
 *
 * According to our dual licensing model, this program can be used either
 * under the terms of the GNU Affero General Public License, version 3,
 * or under a proprietary license.
 *
 * The texts of the GNU Affero General Public License with an additional
 * permission and of our proprietary license can be found at and
 * in the LICENSE file you have received along with this program.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU Affero General Public License for more details.
 *
 * "Shopware" is a registered trademark of shopware AG.
 * The licensing of the program under the AGPLv3 does not imply a
 * trademark license. Therefore any rights, title and interest in
 * our trademarks remain entirely with us.
 *
 * @category   Shopware
 * @package    Shopware_Styling
 * @subpackage Accordion
 * @version    $Id$
 * @author shopware AG
 */

// Accordion header
.#{$prefix}accordion-hd {
    @include reset-box-shadow;
	border-color: #0e6ee1 !important;
    border-width: 1px 0 0 0 !important;
	padding: 6px 8px 7px;
    background: svg-linear-gradient(0%, 0%, 0%, 100%, (
            svg-color-stop(rgba(46,181,249,1), 0%, 1),
            svg-color-stop(rgba(22,129,211,1), 100%, 1)
        )) center center no-repeat transparent !important;

	.#{$prefix}panel-header-text {
		color: #fff;
		font-size: 11px;
		text-shadow: 0 1px 0 #0E5C99;
	}

	.#{$prefix}tool {
		width: 19px !important;
		height: 19px !important;
		margin: 0 0 0 -1px !important;

		.#{$prefix}tool-collapse-top {
			background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAABJ0lEQVR42p2UsUrDUBSGU9DFurRkKbgXH0LsC9QsKS6+lYNQBwdXQUS6daiLi4JvEQgRQiAhlNvker5w0+V66dUDH4Rz/++HNE2C4HozEI6EE2EsTIQzJ5yTI4+Hby5GwlS4EOZCLCx+IeacHHk8fEqGLF4+vx+2qtlqjyFHHg+fklC4bFvd6j8MebzON/d4pf8xeJ1vfqyYZdM03jB4+H3JgqVSyhsGzyqp69oXd0lVVSCHtzq4WVqwNxl3SVEUHXfPb/px/WVx//rOrZBxl+R5vqcsSyec2yXm6WRZ5ov1dCZCxDJNU28YPPz+HztTu13LYZIkByFHHg+/f3fOVx/JEwfaY8iRx8On5FgYszDN0YG3OCJHHg+fkoEpOhVCz+9JSB4P/wcAchMt0tAQPgAAAABJRU5ErkJggg==") no-repeat;

			&:hover {
				background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAA7klEQVR42rWUvwqCUBTGFXTJFsVFaA8fQuoF6i5XWnqrtobcGtpaClpqLGjxPaJdQm/nk+PSH7re8MAP5J7v++DqOVrW7GQTDtEjAiIiBt/gfsB6p/bzg08MiYSYEJJIPyC5n7Dehx8hHg6211tWPMpCaRR00HOQh5CQGFWVqlSLgh6+2s93nCqDgq/288uShiES/iYkNQxJuwxBc6Gs+fIVnOuHZPuLWh/zN1a7c+fX+f/rRIQwDBHwNxM7LltOLPTwwd/sTnzI7xvd0YcOevia3XF5tWNOFj+2WLAuZp+LEJuD+kSo+T8JWe/C/wT+eSC9V7LjyQAAAABJRU5ErkJggg==") no-repeat;
			}
		}
	}
}

/** IE9 specific */
.#{$prefix}ie9 .#{$prefix}accordion-item .#{$prefix}accordion-hd {
    filter: none;
}

// Special first item
.#{$prefix}accordion-item:first-child .#{$prefix}accordion-hd {
    border-width: 1px 0 0 0 !important;
}
// Special first item
.#{$prefix}accordion-item:last-child .#{$prefix}accordion-hd {
    border-width: 1px 0 0 0 !important;
}

// Collpased accordion header
.#{$prefix}accordion-item.#{$prefix}panel-collapsed {
	.#{$prefix}accordion-hd {
	     background: svg-linear-gradient(0%, 0%, 0%, 100%, (
                      svg-color-stop(#F6F7F6, 0%, 1),
                      svg-color-stop(#D0D4D8, 100%, 1)
                    )) center center no-repeat transparent !important;
		border-color: #a4b4c0 !important;
		border-bottom: 1px solid #a4b4c0;

		.#{$prefix}panel-header-text {
			color: $font-color;
			font-size: 11px;
			text-shadow: 0 1px 0 #fff;
		}

		.#{$prefix}tool {
			margin: 0 !important;
		}
	}
}

// Accordion body styling
.#{$prefix}accordion-body {
	background: #f6f6f6 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAIAAADAusJtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAFElEQVQIHWN4+OQ5EzsrCxMrBAMAJrcC3/UcxvgAAAAASUVORK5CYII=") repeat-x 0 0 !important;
	border-right: 1px solid #dbe2e6 !important;
	border-bottom: 1px solid #a4b4c0 !important;
}
